<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8">
    <title>
        网上银行注册
    </title>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/style.css" >
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/script/jquery-1.7.2.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            background-image: url("/static/img/背景.jpg");
        }
        img{
            width: 140px;
            margin-left: 80px;
            margin-top: 80px;
        }
        #d{
            /* border: 1px solid red; */
            position: relative;/* 相对于原始位置定位 */
            top:160px;
            left: 160px;
        }
        #sp1,#sp2,#sp3{
            color: white;
        }
        #sp1{
            font-size: 50px;
            font-weight: bold;
        }

        #sp3{
            font-size: 14px;
            font-weight: 100;
            margin-left: 80px;
            position: relative;
            top: 600px;
        }
        #db{
            width: 480px;
            height: 640px;
            position: absolute;
            top:70px;
            right: 140px;
            background: rgba(255, 255, 255,0.9);
            border-radius: 16px;/* 圆角 */
        }
        #d1{
            margin-top: 50px;
            margin-left: 30px;
        }

        #d2{
            margin-left: 30px;
            margin-top: 50px;
            position: relative;
            top: 50px;
            left: 65px;
        }
        #sp > a{
            text-decoration: none;
            color: #2E58FF;
        }
    </style>
    <script>
        $(function () {
            $("#btn1").click(function () {
                window.location.href = "http://localhost:8080/pages/user/login.jsp";
            })
        })
    </script>
</head>
<body>
<div id="d">
    <span id="sp1">欢迎您来到网上银行</span>
</div>
<span id="sp3">帮助中心 丨 2022&nbsp;Bank</span><!-- 连续多个空格和回车会折叠，所以想要多个空格显示在页面要用&nbsp;为一个空格，多来几个即可 -->

<div id="db" >
    <div id="d1">
        <span style="font-weight: bold;font-size: 40px;">恭喜您注册成功</span>
    </div>
    <div id = "d2">
        <button id="btn1" style="width: 65px">前往登录</button>
    </div>
</div>
</body>
</html>
